/*
996px grid system ~ Core CSS.
16 columns ~ margin: 20px

Based on the golden grid system - http://code.google.com/p/the-golden-grid/
by Vladimir Carrer

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
.main
{
	margin-left: auto;
	margin-right: auto;
	width: 996px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g61, .g122, .g183, .g244, .g305, .g366, .g427, .g488, .g549, .g610, .g671, .g732, .g793, .g854, .g915, .g976 {
	display: inline;
	float: left;
	margin-left: 20px;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.g61{width:41px;}
.g122{width:102px;}
.g183{width:163px;}
.g244{width:224px;}
.g305{width:285px;}
.g366{width:346px;}
.g427{width:407px;}
.g488{width:468px;}
.g549{width:529px;}
.g610{width:590px;}
.g671{width:651px;}
.g732{width:712px;}
.g793{width:773px;}
.g854{width:834px;}
.g915{width:895px;}
.g976{width:956px;}


/* =Grid >> 16 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml61{margin-left:81px;}
.ml122{margin-left:142px;}
.ml183{margin-left:203px;}
.ml244{margin-left:264px;}
.ml305{margin-left:325px;}
.ml366{margin-left:386px;}
.ml427{margin-left:447px;}
.ml488{margin-left:508px;}
.ml549{margin-left:569px;}
.ml610{margin-left:630px;}
.ml671{margin-left:691px;}
.ml732{margin-left:752px;}
.ml793{margin-left:813px;}
.ml854{margin-left:874px;}
.ml915{margin-left:935px;}
.ml976{margin-left:996px;}


.inside{margin-left:0;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
